<template>
  <div class="box">
    <h2>404 Not Found</h2>
    <div class="container">
      <p>找不到此页面点击跳回</p>
      <div>
        <span @click="go" class="go">上个页面</span>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    go() {
      this.$router.go(-1);
    }
  }
};
</script>
<style scoped>
.box {
  height: 100%;
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  flex-direction: column;
}

h2 {
  font-size: 35px;
  font-weight: 400;
  color: #c84513;
}
.container {
  display: flex;
  justify-content: center;
  font-size: 25px;
}
.container p {
  text-align: center;
  color: #66615b;
}
span {
  color: aqua;
}
.go:hover {
  cursor: pointer;
}
</style>